<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login</title>
<!--<link rel="stylesheet" type="text/css" href="../includes/sistema.css"/>-->
<style>
body{ 
	background:url("imagens/background.login.jpg") left top no-repeat;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0 auto; padding:0; 
	}
fieldset#login{
	border:0px solid #fff;	
	background: url("imagens/painel.login.png") center no-repeat;
	color:#fff;
	text-align:left;
	width:400px; height:200px;
	position:absolute; left:50%; top:50%;
	margin-left:-200px; margin-top:-100px;
}
fieldset#login legend{
	display:none;
}
form{
	padding:40px 20px 20px 60px;	
	}
html>body form{
	padding:20px 20px 20px 60px;	
	}
fieldset#login h1{
	border:0px solid #fff; 
	font-size:150%; font-weight:bold; 
	margin:0 0 10px 0; padding:0;
}
label{ border:0px solid #fff; margin-top:8px;display:block; }
input{ border:1px solid #fff; background:#fff; border-top-color:#666;border-left-color:#666; color:#09C; padding:3px;}
</style>
<script>

window.onload = function()
{
	document.frm.login.focus();	
}

function autenticar()
{
	if(document.frm.login.value=="")
	{
		alert("Por favor, informe o login!");
		document.frm.login.focus();
		return;
	}
	if(document.frm.senha.value=="")
	{
		alert("Por favor, informe a senha!");
		document.frm.senha.focus();
		return;
	}
	document.frm.btnLogin.disabled = true;
	document.frm.submit();
}
</script>
</head>
<body>
    <fieldset id="login">
    <legend>Formulário de Login</legend>
        <form name="frm" method="post" action="controllers/ctl.login.php">
            <h1>GERENCIADOR</h1>
            <label for="login">Nome:</label>
            <input id="login" name="login" type="text" />
            <label for="senha">Senha:</label>
            <input id="senha" name="senha" type="password" />
            <p><input name="btnLogin" type="button" class="button" onclick="autenticar()" value="Autenticar" /></p>
        </form>
    </fieldset>
</body>
</html>